<template>
  <div id="main" class="top">
      <banner></banner>
      <div class="nav">
          <ul>
              <li v-bind:class="this.$route.path == '/main/active' ? 'active' : ''"><router-link to="/main/active">活动</router-link></li>
              <li v-bind:class="this.$route.path == '/main/community' ? 'active' : ''"><router-link to="/main/community">社区</router-link></li>
              <li v-bind:class="this.$route.path == '/main/mall' ? 'active' : ''"><router-link to="/main/mall">商城</router-link></li>
          </ul>
      </div>

      <router-view></router-view>

  </div>
</template>

<script>
import banner from './banner.vue';

export default {
    name: 'main',
    data () {
        return {
            path : '/main/active'
        }
    },
    mounted: function(){
    },
    components: {
      'banner': banner,
    }
}
</script>

<style>
</style>
